<template>
	<view class="page-wrap">
		<Header :title="title" :leftType="leftType" :headerHeight="70" :workline="workline" />
		<view class="content" :style="`height: calc(100vh - ${headerHeight}px)`">
			<slot></slot>
		</view>
	</view>
</template>
<script>
	import Header from "../Header/header.vue";
	export default {
		props: {
			title: {
				type: String,
				default: "",
			},
			leftType: {
				type: String,
				default: "menu",
			},
			workline:{
				type:Object,
				default:null
			}
		},
		components: {
			Header
		},
		data() {
			return {
				headerHeight: "70",
			};
		},
	};
</script>
<style lang="scss" scoped>
	.page-wrap {
		display: flex;
		flex-direction: column;
		height: 100%;
	}

	.content {
		flex: auto;
		overflow-y: auto;
		//   background: var(--theme-head-bg);
	}
</style>